{% macro field(row, lname, label) %}
    <tr>
        <td class="label">
            <label id="l{{ lname }}" for="{{ lname }}">{{ label }}:</label>
        </td>
        <td class="field">
                {{ form_widget(row) }}
        </td>
        <td class="status"></td>
        <td>
            {{ form_errors(row) }}
        </td>
    </tr>
{% endmacro %}

<!DOCTYPE HTML>
<html>
<head>
    
	<title>Order</title>
	<meta name="generator" content="Fire&Ice CMS Engine v. 3.0" />
	<meta name="authors" content="Gleb Shchavlev, ArtVisio LTD copyright 2004-2010" />
	<meta name="copyright" content="&copy; ArtVisio LTD 2004-2011" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Content-Language" content="ru" />
	<link type="text/css" rel="stylesheet" href="{{ asset('bundles/billing/css/order.css') }}"  media="screen" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>

        <link rel="stylesheet" type="text/css" media="screen" href="{{ asset('bundles/billing/css/validate.css') }}" />
        <script src="{{ asset('bundles/billing/js/jquery.validate.js') }}" type="text/javascript"></script>
        <script src="{{ asset('bundles/billing/js/validate_shared_order.js') }}" type="text/javascript"></script>
        <script src="{{ asset('bundles/billing/js/tooltip.js') }}" type="text/javascript"></script>
        <script src="{{ asset('bundles/billing/js/jquery.timers.js') }}" type="text/javascript"></script>

        <script type="text/javascript">
            $(document).ready(function()
            {
                {% for tarif in tarifs %}
                    $('#ordersshared_shared_tarif_' + '{{ tarif.getId() }}').wrap('<div class="choose"></div>');
                    $('#ordersshared_shared_tarif_' + '{{ tarif.getId() }}').after('<div class="status"></div>');
                    {% if (tarif.getCost() != '0') %}
                        $('#ordersshared_shared_tarif_' + '{{ tarif.getId() }}').after('<span class="rur"><span>руб.</span></span>');
                    {% endif %}
                    {% if (tarif.getName() == 'Гость') %}
                         $('#ordersshared_shared_tarif_' + '{{ tarif.getId() }}').after('<a class="que" title="Бесплатный тестовый период — 14 дней."></a>');
                    {% endif %}
                    $('#ordersshared_shared_tarif_' + '{{ tarif.getId() }}').after('<div class="price">{{ costById[tarif.getId()] ? costById[tarif.getId()] : 'бесплатно' }}</div>');
                    {% if (tarif.getSiteCount() == '-1') %}
                        $('#ordersshared_shared_tarif_' + '{{ tarif.getId() }}').after('<div>анлим сайтов</div>');
                    {% else %}
                        $('#ordersshared_shared_tarif_' + '{{ tarif.getId() }}').after('<div>{{ tarif.getSiteCount() }} сайт(а)</div>');
                    {% endif %}
                    $('#ordersshared_shared_tarif_' + '{{ tarif.getId() }}').after('<div>{{ tarif.getHdd() }} Мб</div>');
                    $('#ordersshared_shared_tarif_' + '{{ tarif.getId() }}').after('<div>«{{ tarif.getName() }}»</div>');
                    $('#ordersshared_shared_tarif_' + '{{ tarif.getId() }}').wrap('<div class="field"></div>');
                {% endfor %}
                    
                $('input[name="ordersshared[shared_tarif]"]').change(function()
                {
                    {% for tarif in tarifs %}
                        if ({{ tarif.getId() }} == $(this).attr('value'))
                        {
                            $('#tarif_name').empty();
                            $('#tarif_name').append('«{{ tarif.getName() }}»');
                        }
                    {% endfor %}
                    
                });
                
                $('input[name="domain"]').change(function()
                {
                    $('#hide_domain').attr('value', $(this).attr('id'));
                    if ($(this).attr('id') != '1')
                        $('.new_domain').hide(1000);
                    if($(this).attr('checked') == true)
                    {
                        $('input[name="ordersshared[domain]"]').rules("remove");
                        $('#domain_choice').empty();
                        if ($(this).attr('id') == '1')
                        {
                            $('.new_domain').show(1000);
                            $('#domain_choice').append('новый домен');
                            $("input[name='ordersshared[domain]']").rules("add", 
                            {
                                required: true,
                                accept: "xls",
                                messages: 
                                {
                                    required: "Введите домен",
                                    accept: "Неправильный формат"
                                }
                            });
                        }
                        else if ($(this).attr('id') == '2')
                        {
                            $('#domain_choice').append('служебный домен');
                        }
                        else if ($(this).attr('id') == '3')
                        {
                            $('.new_domain').show(1000);
                            $('#domain_choice').append('перевод домена');
                            $("input[name='ordersshared[domain]']").rules("add", 
                            {
                                required: true,
                                accept: "xls",
                                messages: 
                                {
                                    required: "Введите домен",
                                    accept: "Неправильный формат"
                                }
                            });
                        }
                        else if ($(this).attr('id') == '4')
                        {
                            $('#domain_choice').append('без перевода домена');
                        }
                        else if ($(this).attr('id') == '5')
                        {
                            $('#domain_choice').append('без домена');
                        }
                    }
                });

                $('input[name="ordersshared[domain]"]').keyup(function(event)
                {
                    var par = /[0-9a-z]+\./i;
                    var prov = par.test($("input[name='ordersshared[domain]']").val());

                    $(this).stopTime('timer');
                    $('input[name="ordersshared[domain]"]').rules("remove");
                    if (prov == true)
                    {
                        var domain_id = $('input[name="domain"]:checked').attr('id');
                        if (domain_id == '1')
                        {
                            $(this).everyTime(2000, 'timer', function()
                            {
                                $("input[name='ordersshared[domain]']").rules("add", 
                                {
                                    required: true,
                                    check_new_domain: true,
                                    messages: 
                                    {
                                       required: "Введите домен"
                                    }
                                });
                                $('input[name="ordersshared[domain]"]').blur();
                            }, 1);
                        }
                        else if (domain_id == '3')
                        {
                            $(this).everyTime(2000, 'timer', function()
                            {
                                $("input[name='ordersshared[domain]']").rules("add", 
                                {
                                    required: true,
                                    check_transfer_domain: true,
                                    messages: 
                                    {
                                       required: "Введите домен"
                                    }
                                });
                                $('input[name="ordersshared[domain]"]').blur();
                            }, 1);
                        }
                    }
                    else
                    {
                        $("input[name='ordersshared[domain]']").rules("add", 
                        {
                            required: true,
                            accept: "xls",
                            messages: {
                               required: "Введите домен",
                               accept: "Неправильный формат"
                            }
                        });
                    }
                    event.preventDefault();
                });

                $('input[name="email"]').keyup(function(event)
                {
                    $('input[name="email"]').rules("remove");
                    $('input[name="email"]').rules("add", 
                    {
                        required: true,
                        email: true,
                        messages: 
                        {
                            required: "Введите домен",
                            email: "Введите корректный email"
                        }
                    });
                    /*$('input[name="email"]').rules("add", 
                    {
                        required: true,
                        email: true,
                        remote: "./shared_check_login/" + $('input[name="email"]').val(),
                        messages: 
                        {
                            required: "Введите домен",
                            email: "Введите корректный email",
                            remote: "Этот логин уже занят"
                        }
                    });*/
                    $('input[name="email"]').validate();
                    event.preventDefault();
                });
                $('#submit_button').click(function()
                {
                    $.ajax(
                    {
                         type: 'POST',
                         url: "./shared_check_login/" + $('input[name="email"]').val(),
                         cache: false,
                         success: function(html)
                         {
                            if (html == 'false')
                                alert('Вы уже были зарегистрированы. На почту отправлена ссылка для автологина');
                            $('#add_form').submit();
                         }
                    });
                });
            });
        </script>

<body>
	<div class="header">
		<img src="{{ asset('bundles/billing/i/logo.png') }}" alt="" />
		<div class="contacts fright r">
			<h2>Техподдержка ООО «Докер»</h2>
			<img src="{{ asset('bundles/billing/i/mail.png') }}" alt="" class="mail"/> <a href="">hosting@docker.ru</a>
			<img width="16" height="16" id="icq" src="http://wwp.icq.com/scripts/online.dll?icq=5794116&amp;img=27&amp;rnd=undefined&quot;&gt;" alt="ICQ 5794116"><noscript><img id="icq" width="16" height="16" border="0" src="http://wwp.icq.com/scripts/online.dll?icq=5794116&amp;img=27" ></noscript> <a href="http://www.icq.com/whitepages/cmd.php?uin=5794116&amp;action=message">5794116</a>
			<img alt="" src="{{ asset('bundles/billing/i/skype.png') }}" id="skype"> <a href="callto:docker.ru">docker.ru</a>
		</div>
	</div>
        <form id="add_form" method="post" action="#">
        {% if not registered %}
            <div class="name warning">
                    <div>Ваш электронный адрес:</div>
                    <div class="field">
                        <input type="text" name="email" />
                    </div>
                    <div class="error">
                        <div class="status"></div>
                    </div>
            </div>
        {% endif %}
	<h1 class="inline">Хостинг</h1><a class="que" title="Хостинг — дисковое пространство<br> для размещения информации на сервере,<br> постоянно находящемся в Интернете, т. е. на сайте."></a>

	<table class="order-table wh">
		<tr>
			<td width="40%">
                            <h2 class="fleft">Выберите тариф</h2>
                            <div class="fleft price-th">Стоимость<br> в сутки, руб.</div>
                            {{ form_errors(form.shared_tarif) }}
                            {{ form_widget(form.shared_tarif) }}
			</td>

			<td class="m c hide" width="15%"><div class="arrow"></div></td>
			<td width="45%" class="period">
                                
                                    <div class="box" style="display:none">
                                             <div class="bonus">
                                                    <div  id="bonus_">
                                                    </div>
                                                    <br>
                                                    <div id="coupon_">
                                                    </div>
                                                </div>
                                            </div>
                                            <div id="que_kupon_" style="display:none">
                                                <a href="" class="que kupon" title="Купон — возможность получить свободный домен в зоне .ru или .рф бесплатно. Купоном можно воспользоваться сейчас<br> при оформлении заказа или позже. <br>Также, вы можете подарить свой купон другу."></a>
                                            </div>
                                        </div>
                                    </div>

			</td>
		</tr>
	</table>

	<h1 class="inline">Доменное имя</h1><a class="que" title="Доменное имя, или «Домен» — это название вашего сайта.<br>Например, <span>mydomen.<em>com</em></span> (где <span>mydomen</span> — доменное имя, а <em>.com</em> — доменная зона)"></a>
	<table class="order-table">
		<tr>
			<td width="40%">
					<div class="choose">
                                                <input type="radio" name="domain" id="1"/>
                                                <div><b>Я хочу зарегистрировать новый домен</b></div>
					</div>
					<div class="choose">
                                                <input type="radio" name="domain" id="2"/>
                                                <div>Я хочу получить ваш служебный бесплатный домен</div>
					</div>
					<div class="choose">
                                                <input type="radio" name="domain" id="3"/>
                                                <div>У меня есть домен. <b>Я хочу его перенести к вам</b></div>
					</div>
					<div class="choose">
                                                <input type="radio" name="domain" id="4"/>
                                                <div>У меня есть домен, но я не хочу его переносить</div>
					</div>
					<div class="choose">
                                                <input type="radio" name="domain" id="5"/>
                                                <div>У меня нет домена и не надо</div>
					</div>
			</td>
			<td class="m c hide" width="15%"><div class="arrow"></div></td>
			<td width="45%" class="m domen">
                                <div class="new_domain" style="display:none">
                                    <h2>Введите доменное имя</h2>
                                    {{ form_errors(form.domain) }}
                                    <div class="field">
                                        {{ form_widget(form.domain) }}
                                    </div>
                                    <div class="status"></div>
                                    Доступные доменные зоны:
                                    {% for key, zone in zones %}
                                        <br>{{ key }}, регистрация {{ zone.getRegCost() }} <span class="rur"><span>руб.</span></span>
                                    {% endfor %}
                                    <br><br>
                                    Доступные купоны:
                                    {% set count = 0 %}
                                    {% for coupon in coupons %}
                                        <br>{{ coupon }}
                                        {% set count = count + 1 %}
                                    {% endfor %}
                                    {% if count == 0 %}
                                        -
                                    {% endif %}
                                </div>
			</td>
		</tr>
	</table>
	<div class="total c">
		<div class="fleft l">
			Вы выбрали:<br>
                        Тариф
                            <div id="tarif_name">
                                <div class="not-yet">
                                    ещё не выбрали
                                </div>
                            </div>
			Домен
                            <div id="domain_choice">
                                <div class="not-yet">
                                    ещё не выбрали
                                </div>
                            </div>
		</div>
		<div class="order-button c">
                            <div class="field">
                                {{ form_errors(form.terms) }}
                                {{ form_widget(form.terms) }}
                                <label id="lordersshared_terms" for="ordersshared[terms]">Я согласен с правилами предоставления услуг</label>
                            </div>
                            <div class="status"></div>

                            <div class="field">
                                {{ form_errors(form.promocode) }}
                                {{ form_widget(form.promocode) }}
                                <label id="lordersshared_promocode" for="ordersshared[promocode]">Промокод</label>
                            </div>
                            <div class="status"></div>

                            {{ form_widget(form._token) }}

                        <input id="add_button" type="submit" class="hide" value="Создать"/>
                        <a href="#" class="button" id="submit_button">Заказать</a>
		</div>
		<div class="clear"></div>
	</div>
        <input type="text" name="hide_domain" id="hide_domain" value="" style="display:none"/>
        </form>
	</body>
</html>
